body{font:100% Arial,Helvetica;background:#FFFFFF;color:#333;}
p{margin:15px 0;}
a:link, a:visited{color:#0000FF;text-decoration:none}
a:hover, a:active{color:#996600;text-decoration:none;}
a img{border:0;}
code{font:1.0em 'Courier New', Courier, Fixed;background:#ececec;}
acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em;cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
blockquote{padding:10px 10px 0 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;font:1.0em Arial;line-height:1.5em;margin:10px 0px;}
select{width:130px;}

/*Struktur*/
#navbar{background:url(http://vbcomp.googlecode.com/svn/trunk/img/navbar.png)no-repeat scroll 0 0;border-left:5px solid #FFFFFF;border-right:5px solid #FFFFFF;font-size:10px;margin:0 auto;padding:0 10px;text-transform:uppercase;width:940px;}
#navbr{background:url(http://vbcomp.googlecode.com/svn/trunk/img/navbar.png) no-repeat scroll 0 0 #FFFFFF;border-bottom:1px dotted #FFFFFF;border-left:5px solid #FFFFFF;border-right:5px solid #FFFFFF;margin:0 auto;padding:0 10px;width:940px;}
#madmenu{clear:both;float:left;font-size:10px;font-weight:bold;margin:0;padding:0;text-transform:uppercase;width:100%;}
#madmenu ul{float:left;list-style-type:none;margin:0;padding:0;}
#madmenu li{border-right:1px solid #030303;float:left;margin:0;padding:0;}
#madmenu a:hover, #madmenu a:active{background:none repeat scroll 0 0 #FFFF00;color:#FFFFFF;}
#madmenu a, #madmenu a:visited, #madmenu a:link{color:#FFFFFF;display:block;margin:0;padding:7px 14px;text-decoration:none;}
#madmenu li a, #madmenu li a:visited{color:#00FFFF; /*memberi warna teks menunav*/display:block;margin:0;padding:7px 14px;}
#madmenu a, #madmenu a:visited, #madmenu a:link{color:#FF0000;display:block;margin:0;padding:7px 14px;text-decoration:none;}
#searchform{float:right;margin-right:10px;padding-top:1px;text-align:right;}
.clearfloat{display:block;}
#head {background:url(http://vbcomp.googlecode.com/svn/trunk/img/logoandisyam.png) no-repeat scroll 0 0 #262626;border-left:2px solid #262626;border-right:2px solid #262626;font-size:0.7em;margin:0 auto;padding:4px 4px;width:950px;}
#title-area,  #title-area #title, #title-area #title a{display:block;float:left;height:80px;overflow:hidden;text-indent:-9999px;width:288px;}
#title-area{float:left;margin:0;overflow:hidden;padding:0;width:288px;}
#header img{margin-$startSide: auto;margin-$endSide: auto;}

/*kotak ads top*/
#adstop{-webkit-transition: all 200ms linear; /*safari and chrome */
-moz-transition: all 200ms linear; /* firefox */
-o-transition: all 200ms linear; /* opera */
transition: all 200ms linear;-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);background:none repeat scroll 0 0 #FFFFFF;margin-bottom:8px;padding:10px;text-align:center;width:920px;}
#adstop:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);}

/*kotak berisi postingan,kometar,sidebar dan footer*/
#outer-wrapper{background:#996600;border-left:5px solid #FFFFFF;border-right:5px solid #FFFFFF;font-size:12px;margin:0 auto;padding:10px;width:940px;word-wrap:break-word;overflow:hidden;}

/*Text*/
h1{font:20px Arial,trebuchet ms;font-weight:bold;letter-spacing:-0.08em;}
h2{font:13px Comic Sans MS,trebuchet ms,Georgia;}
h3{font:12px trebuchet ms,Arial;margin-bottom:3px;color:#3c78a7;font-weight:bold;}
h4{font:1.0em Arial;}
h2.title, h2.title a{color:#333;letter-spacing:-0.05em;font-size:0.85em;}

/*Index Page*/
#bottom{width:940px;}
#front-list{width:590px;font-size:1.05em;line-height:1.75em;float:left;}
#front-list blockquote{padding:0px 10px 0 10px;}
#front-list h1{font-weight:bold;font:2.0em Comic Sans MS,trebuchet ms,arial;letter-spacing:-0.05em;}
#front-list .clearfloat, #archive .clearfloat{font-family: Arial, Helvetica;padding-bottom:10px;border-bottom:1px dotted #ccc;margin:0 0 10px 0;}

/*Content Page*/
#content{background:#fff;padding:10px;font-size:1.05em;line-height:1.75em;overflow:hidden;float:left;/*min-height:200px;*/
border:1px solid #fff;margin-bottom:6px;width:590px;-webkit-transition: all 200ms linear; /*safari and chrome */
-moz-transition: all 200ms linear; /* firefox */
-o-transition: all 200ms linear; /* opera */
transition: all 200ms linear;-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}
#content:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
#content .breadcrumbs, #content .breadcrumbs a{font-weight:bold;color:#333;}
#front-list .breadcrumbss{background-color:#fff;border:1px solid #DDDDDD;font-size:12px;padding:5px;text-shadow:1px 1px 1px #FFFFFF;width:600px;margin:0px;}
#content h3{font:2.2em trebuchet ms,arial,Comic Sans MS;color: #333;letter-spacing:-0.05em;border-bottom:1px solid #ddd;}
.post{font-size:1.05em;line-height:1.75em;text-align:justify;}
.post p{margin-top:0px;}
.post .clearfloat{border-bottom:1px dotted #ccc;margin:10px 0px;}
.post ul, .post ol, #front-list ul, #front-list ol{margin-bottom:15px;}
.post ul li, #front-list ul li{list-style:square;margin-left:30px;}
.post ol li, #front-list ol li{list-style:decimal;margin-left:30px;}
.post ol li ul li, #front-list ol li ul li{list-style:square;margin-left:20px;}
.post img, .post a img, #front-list img, #archive img{border:0px solid #ccc;margin:0 10px 5px 0;padding:2px;max-height:620px;max-width:590px;}
.post .ads{margin-top:10px;}
.entry{margin-top:20px;}

/*Kotak tanggal postingan*/
#stats{margin-top:0px;margin-bottom:4px;padding:4px 0px;text-transform:uppercase;font:0.8em Arial;display:block;}
#stats span{padding: 0px 10px 0px 0px;font-size:0.85em;}
#stats span a:hover{background:none;}
#stats span a{color:#333;}
#stats img, #nav img{border:0px;margin:0px;padding:0px;}
#tools{width:590px;height:25px;font-size:0.95em;}
#tools a:hover{background:none;}

#navigation {background:#fff;border:1px solid #ddd;padding:5px 0px;text-align:Center;}
.left, #navigation  .alignleft{float:left;}
.right, #navigation .alignright{float:right;}

/*Sidebar*/
#sidebar-wrapper{background:transparent;width:320px;float:right;word-wrap:break-word;overflow:hidden;margin:0px;padding:0}
.sidebar-left{width:157px;float:left;margin:0;padding:0 5px 0 0}
.sidebar-right{width:157px;float:right;margin:0;padding:0}
.sidebar-bottom{width:320px;float:right;padding:0px;margin:0}
br{clear:both}
#sidebar-wrapper h2{margin-left:0px;margin-right:0px;margin-top:-5px;font:12pt Comic Sans MS,trebuchet ms,arial;font-weight:600;text-align:left;font-style:normal;line-height:1.3em;text-transform:uppercase;color:#0B0B61;background:transparent;padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:10px;border-bottom:1px dotted #0B0B3B}
#sidebar-wrapper ul{color:#333;margin:0;padding:0}
#sidebar-wrapper ul li{list-style-type:none;border-bottom:0px solid #333;background:url(http://vbcomp.googlecode.com/svn/trunk/img/link_arrow_thumb.png?imgmax=800) no-repeat 0px 5px;margin:0 0 5px;padding:0 0 5px 15px}
#sidebar-wrapper ul li a:hover{background:transparent;margin:0px 5px;padding:0px}
.sidebar section{margin:0;padding:0}
#ArchiveList{padding-left:0}
.sidebar .widget,.sidebar-bottom .widget,.sidebar-left .widget,.sidebar-right .widget{background:#DBF1FA url(http://vbcomp.googlecode.com/svn/trunk/img/sidebar_thumb.jpg?imgmax=800) repeat-x;;border:1px solid #0B0B3B;margin-bottom:5px;padding:5px}

/*bottom*/
#bottom-wrapper ul{color:#333;margin:0;padding:0}
#bottom-wrapper ul li{list-style-type:none;border-bottom:0px solid #333;background:url(http://vbcomp.googlecode.com/svn/trunk/img/sidebar_thumb.jpg?imgmax=800) no-repeat 0px 5px;margin:0 0 5px;padding:0 0 5px 15px}
#bottom-wrapper ul li a:hover{background:transparent;margin:0px 5px;padding:0px}
#bottom-wrapper h2{margin-left:0px;margin-right:0px;margin-top:-5px;font:12pt Comic Sans MS,trebuchet ms,arial;font-weight:600;text-align:left;font-style:normal;line-height:1.3em;text-transform:uppercase;color:#0B0B61;background:transparent;padding-left:10px;padding-top:5px;padding-bottom:5px;padding-right:10px;border-bottom:1px dotted #0B0B3B}
#bottom-wrapper{background:transparent;width:940px;float:left;word-wrap:break-word;overflow:hidden;margin:0px;padding:0px}
.bottomleft .widget, .bottomcenter .widget, .bottomright .widget{background:#DBF1FA url(http://vbcomp.googlecode.com/svn/trunk/img/sidebar_thumb.jpg?imgmax=800) repeat-x;border:1px solid #0B0B3B;margin-bottom:0;padding:5px}
.bottomleft{ width:298px; float:left; padding-left:0}
.bottomcenter{ width:298px; float:left; padding-left:12px}
.bottomright{ width:298px; float:right; padding-right:0}

/*Footer*/
#footer{background:#fff;margin:0 auto;width:970px;font-size:0.717em;padding-top:10px;padding-bottom:30px;}

/*Float Properties*/
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display:inline-block;}

/*Hides from IE-mac*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}
.footer{display:none;visibility:hidden;}

/*kotak scrpit posting*/
.kotak {margin: 10px 10px 10px 10px; padding: 10px 15px 10px 15px; line-height: 1.6em;color: #000000; background: #FFFFFF; border: 1px solid #C2C2C2; border-left: 15px solid #858585}


/*Comments*/
/*comment list*/
#comments{background:none repeat scroll 0 0 #FFFFFF;float:left;font-size:1.05em;line-height:1.75em;min-height:400px;padding:13px;margin-top:10px;-webkit-transition: all 200ms linear; /*safari and chrome */
-moz-transition: all 200ms linear; /* firefox */
-o-transition: all 200ms linear; /* opera */
transition: all 200ms linear;-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}
#comments:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
#comments ol li{margin-left:10px;}
.c_title{float:left;background:transparent;color:#6699FF;border-bottom:1px solid #ddd;text-transform:capitalize;padding:2px 10px;width:565px;overflow:hidden;font:12pt Comic Sans MS,trebuchet ms,arial;margin-bottom:30px;}
.c2_title{float:left;background:#ddd;border-bottom:1px solid #333;border-top:1px solid #333;text-transform:capitalize;padding:2px 10px;width:565px;overflow:hidden;font:12pt Comic Sans MS,trebuchet ms,arial;margin-bottom:20px;}
.commentwrap {float:left;width:524px;overflow:hidden;padding:15px;padding-top:0;}
#respond{float:left;width:550px;overflow:hidden;margin: 10px 0 0;padding:15px;background:#eee;border:1px solid #ddd;clear:both;}

#comments h4{color:#666;letter-spacing:0;font-size:14px;font-weight:bold;line-height:1.4em;margin:1em 0;text-transform:none}
#comments-block{line-height:1.6em;margin:1em 0 1.5em;width:450px;}
#comments-block .comment-author{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #ccc;border:1px solid #ccc;font-size:15px;font-weight:normal;margin-right:20px;padding:5px}
#comments .blogger-comment-icon,.blogger-comment-icon{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #E8DEC4;border-color:#E8DEC4;border-style:solid;border-width:2px 1px 1px;line-height:16px;padding:5px}
#comments-block .comment-body{border-left:1px solid #ccc;border-right:1px solid #ccc;margin-left:0;margin-right:20px;padding:7px}
#comments-block .comment-footer{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:11px;line-height:1.4em;margin:-0.25em 20px 2em 0;padding:5px;text-transform:none}
#comments-block .comment-body p{margin:0 0 0.75em}
.deleted-comment{color:gray;font-style:italic}
.avatar-image-container img{background:url(http://vbcomp.googlecode.com/svn/trunk/img/gravatar.jpg);width:35px;height:35px}
.comment-body-author {background:#CCFFFF;border:1px solid #ccc;margin-right:20px;padding:0 0 0 20px;}

/*comment form*/
#commentform p{border:1px solid #ccc;padding:5px 0;width:100%;float:left;margin:5px 0;}
#commentform p span{width:15%;padding-right:2%;float:left;text-align:right;}
#commentform input,#commentform textarea{border:none;border-left:1px solid #ccc;float:left;width:78%;padding:0 5px;}
#commentform input#submit{background:#ffe;border:none;text-align:center;margin-left:220px;display:inline-block;width:170px;text-transform:uppercase;letter-spacing:3px;}
.commentlist li #respond{width:427px;margin-left:120px;}
.commentlist li #commentform input#submit{margin-left:140px;}
.commentlist li ul li #respond{width:407px;margin-left:140px;}
.commentlist li ul li #commentform input#submit{margin-left:130px;}
.commentlist li ul li ul li #respond{width:387px;margin-left:160px;}
.commentlist li ul li ul li #commentform input#submit{margin-left:120px;}
.commentlist li ul li ul li ul li #respond{width:367px;margin-left:180px;}
.commentlist li ul li ul li ul li #commentform input#submit{margin-left:110px;}
small{font-size:11px;color:#999;}
.user_comments .avatar{float:left;padding:3px;border:1px solid #ddd;margin:2px 5px 0 0;display:inline;}
#commentform{float:left;clear:both;}
#commentBodyField{margin:5px 0;width:100%;}

/*SELESAI CSS STYLING*/
/*Page structure tweaks for layout editor wireframe */

body#layout #main,body#layout #sidebar{padding: 0;}

/*navigation*/
.blog-pager-older-link{background:transparent;}
.blog-pager-newer-link{background:transparent;}
.blog-pager-older-link img{margin:0;padding:0;border:none;border:0;}
.blog-pager-newer-link img{margin:0;padding:0;border:none;border:0;}

/*Widget sharing sexy*/
div.sexy-bookmarks { height:54px; background:url() no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url() no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://vbcomp.googlecode.com/svn/trunk/img/iconsexy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }

/*Artikel Terkait*/
#related{background:#eee url(http://vbcomp.googlecode.com/svn/trunk/img/dot_thumb.gif) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
#related .related-posts{font-weight:400;width:53%;float:right}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
#related .related-posts ol{font-weight:400;margin:2px 0 0}
#related .subscribe{width:43%;float:left;color:#000}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(http://vbcomp.googlecode.com/svn/trunk/img/rssfeed-box.png) 0 50% no-repeat;vertical-align:middle}
#related .subscribe form{margin:0;padding:0}
.clearfix:after{content:&quot;.&quot;;display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}


/*Nomor halaman*/
.showpageArea a{text-decoration:underline;float:left;}
.showpageNum a{border:1px solid #CCCCCC;background-color:#eeeeee;text-decoration:none;margin:0 3px;padding:3px;float:left;}
.showpageNum a:hover{border:1px solid #CCCCCC;background-color:#000000;}
.showpagePoint{color:#000000;text-decoration:none;border:1px solid #CCCCCC;background:#CCCCCC;margin:0 3px;padding:3px;float:left;}
.showpageOf{border:1px solid#CCCCCC;background-color:#eeeeee;text-decoration:none;padding:3px;margin:0 3px 0 0;float:left;}
.showpage a{background-color:#eeeeee;text-decoration:none;border:1px solid #ccc;padding:3px;}
.showpage a:hover{color:#000000;background:#000000;text-decoration:none;}
.showpageNum a:link,.showpage a:link{text-decoration:none;color:#333;}

/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs{height:30px;overflow:hidden;}
div.Tabateonsoft div.TFs a{float:left;display:block;text-align:center;text-decoration:none;font:normal 12px arial;padding:3px 5px 3px 3px;margin:0 5px 0 0;letter-spacing:-0.07em;background:transparent;color:#333;border-top:1px solid #CCCCCC;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #cccccc;-moz-border-radius-bottomright:10px;-moz-border-radius-topright:10px;}
div.Tabateonsoft div.TFs a:hover{background:#33FFFF;border-top:1px solid #999999;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active{background:#000000;color:#FFFFFF;border-top:1px solid #999999;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #999999;font-weight:bold;}
div.Tabateonsoft div.Pages{clear: both;overflow: hidden;height:240px;border:1px solid #EFF0F1;padding:0;background: #ffffff;-moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page{height:100%;padding:0px;overflow:hidden;}
div.Tabateonsoft div.Pages div.Page div.floor{font-size:11px;padding:3px 5px;text-align:left;}
